Ext.onReady(function() {
	var store = Ext.create('Ext.data.JsonStore', {
				fields : [{
							name : 'id'
						}, {
							name : 'chkDate'
						}, {
							name : 'comp'
						}, {
							name : 'nodeName'
						}, {
							name : 'sendcom'
						}, {
							name : 'rececom'
						}, {
							name : 'scount'
						}, {
							name : 'cytype'
						}, {
							name : 'ctype'
						}, {
							name : 'creatDate'
						}, {
							name : 'startDate'
						}, {
							name : 'temperature1'
						}, {
							name : 'pa1'
						}, {
							name : 'znumb'
						}, {
							name : 'endDate'
						}, {
							name : 'temperature2'
						}, {
							name : 'pa2'
						}, {
							name : 'acc'
						}, {
							name : 'xcount'
						}, {
							name : 'xoper'
						}, {
							name : 'xstartDate'
						}, {
							name : 'xtemperature1'
						}, {
							name : 'xpa1'
						}, {
							name : 'xznumb'
						}, {
							name : 'xendDate'
						}, {
							name : 'xtemperature2'
						}, {
							name : 'xpa2'
						}, {
							name : 'xacc'
						}, {
							name : 'cnumb'
						}, {
							name : 'gcnumb'
						}, {
							name : 'desna'
						}, {
							name : 'driver'
						}, {
							name : 'oper'
						}, {
							name : 'yoper'
						}, {
							name : 'shper'
						}, {
							name : 'remark'
						}],
				pageSize : 20, // 每页多少条
				proxy : {
					type : 'ajax',
					url : 'getAllchk.do',
					reader : {
						type : 'json',
						root : 'chks',
						totalProperty : 'total'
					},
					actionMethods : {
						create : 'POST',
						read : 'POST',
						update : 'POST',
						destroy : 'POST'
					}
				}
			});
	store.loadPage(1);
	// 查询表单
	var sform = Ext.create('Ext.form.Panel', {
				frame : true,
				standardSubmit : true, // 让表单以非Ajax方式提交
				layout : {
					type : 'table',
					columns : 3
				},
				defaults : {
					xtype : 'textfield',
					labelAlign : 'right',
					labelWidth : 60,
					width : 180
				},
				region : 'north',
				items : [{
							xtype : 'textfield',
							labelAlign : 'right',
							fieldLabel : '单据编号',
							name : 'id'
						}, {
							xtype : 'textfield',
							labelAlign : 'right',
							fieldLabel : '发出站点',
							name : 'nodeName'
						}, {
							xtype : 'textfield',
							labelAlign : 'right',
							fieldLabel : '收货单位',
							name : 'rececom'
						}, {
							xtype : 'datefield',
							fieldLabel : '开始时间',
							name : 'csDate',
							format : 'Y-m-d H:i:s'
						}, {
							xtype : 'combobox',
							queryMode : 'local',
							fieldLabel : '配送方式',
							store : Ext.create('Ext.data.Store', {
										fields : [{
													name : 'value'
												}, {
													name : 'text'
												}],
										data : [{
													'text' : '加气站配送',
													'value' : '加气站配送'
												}, {
													'text' : '对外配送',
													'value' : '对外配送'
												}]
									}),
							valueField : 'value',
							displayField : 'text',
							name : 'ctype'
						}, {
							xtype : 'combobox',
							queryMode : 'local',
							fieldLabel : '承运方式',
							store : Ext.create('Ext.data.Store', {
										fields : [{
													name : 'value'
												}, {
													name : 'text'
												}],
										data : [{
													'text' : '车队',
													'value' : '车队'
												}, {
													'text' : '自提',
													'value' : '自提'
												}]
									}),
							valueField : 'value',
							displayField : 'text',
							name : 'cytype'
						}, {
							xtype : 'datefield',
							fieldLabel : '结束时间',
							format : 'Y-m-d H:i:s',
							name : 'ceDate'
						}, {
							xtype : 'button',
							width : 60,
							margin : '0 0 0 120',
							iconCls : 'button-search',
							text : '查询',
							handler : sear
						}, {
							xtype : 'button',
							width : 60,
							margin : '0 0 0 10',
							iconCls : 'button-search',
							text : '重置',
							handler : function() {
								sform.getForm().reset();
							}
						}]
			});

	function sear() {
		var values = sform.getForm().getValues();
		store.proxy.extraParams = values;
		store.loadPage(1);
	}
	function savewin() {
		window.location.href = "savepage.jsp";
	}

	function updatewin() {
		var rec = grid.getSelectionModel().getLastSelected();
		if (rec == null) {
			alert("请选择要修改的数据");
		} else {
			window.location.href = "updatepage.jsp?rid=" + rec.data.id;
		}

	}
	function deletefun() {
		var rec = grid.getSelectionModel().getLastSelected();
		if (rec == null) {
			alert("请选择要删除的数据");
		} else {
			Ext.Ajax.request({
						url : 'deleteById.do',
						params : {
							id : rec.data.id
						},
						success : function(response) {
							var text = Ext.decode(response.responseText);
							alert(text.res.result);
							window.location.reload();
						}
					});
		}
	}
	// 中央表格面板
	var selModel = Ext.create('Ext.selection.CheckboxModel', {
		injectChectbox : 'first',
		mode : "SINGLE"
			// allowDeselect : true//
			// 如果为true，并且mode值为单选（single）时，可以通过点击checkbox取消对其的选择
		});
	var grid = Ext.create('Ext.grid.Panel', {
				region : 'center',
				columnLines : true,
				selModel : selModel,
				store : store,// 必须配置
				tbar : [{
							xtype : 'button',
							text : '添加',
							iconCls : 'button-add',
							handler : savewin
						}, {
							xtype : 'button',
							text : '修改',
							iconCls : 'button-refresh',
							handler : updatewin
						}, {
							xtype : 'button',
							text : '删除',
							iconCls : 'button-remove',
							handler : deletefun
						}, {
							xtype : 'button',
							text : '导出',
							iconCls : 'button-export',
							handler : function() {
								var form = sform.getForm();
								form.url = "exportchk.do";
								form.submit();
							}
						}],
				columns : [{
							header : '单据编号',
							width : 100,
							dataIndex : 'id'
						}, {
							header : '出库日期',
							dataIndex : 'chkDate',
							width : 80,
							renderer : function(value) {
								if (value == null || value == '') {
									return '<font color="red">未指定</font>';
								} else {
									return new Date(value).format("yyyy-MM-dd");
								}
							}
						}, {
							header : '分公司',
							width : 70,
							dataIndex : 'comp'
						}, {
							header : '发货单位',
							width : 160,
							dataIndex : 'sendcom'
						}, {
							header : '收货单位',
							width : 160,
							dataIndex : 'rececom'
						}, {
							header : '送气量(㎥)',
							width : 70,
							dataIndex : 'scount'
						}, {
							header : '承运方式',
							width : 70,
							dataIndex : 'cytype'
						}, {
							header : '车牌号',
							width : 80,
							dataIndex : 'cnumb'
						}, {
							header : '挂车号',
							width : 70,
							dataIndex : 'gcnumb'
						}, {
							header : '操作工',
							dataIndex : 'oper'
						}, {
							header : '操作',
							renderer : function(value, cellmeta, record,
									rowIndex, columnIndex, store) {
								var rid = record.data["id"];
								return '<a href="#" onclick="fprint(' + rid
										+ ')">打印页</a>';
							}
						}],
				dockedItems : [{
							xtype : 'pagingtoolbar',
							store : store, // 分页数据使用跟gridPanel同样的数据
							dock : 'bottom',
							displayMsg : '显示{0}-{1}条,共{2}条',
							emptyMsg : "没有数据",
							beforePageText : '第',
							afterPageText : '页共{0}页',
							displayInfo : true
						}]
			});
	Ext.create('Ext.Viewport', {
				title : '主要内容',
				layout : 'border',
				items : [sform, grid],
				renderTo : Ext.getBody()
			});
});
function fprint(rid) {
	window.location.href = "print.jsp?rid=" + rid;
}